// unocss.config.ts
// 工具预设插件
import presetWeapp from 'unocss-preset-weapp'
// 对unocss配置的api
import { defineConfig } from 'unocss'
// transformerAttributify：支持属性化的模式（例如在标签上直接使用属性的方式color-red），transformerClass：支持class写法(在标签中直接使用class="color-red w-200")
import { transformerAttributify, transformerClass } from 'unocss-preset-weapp/transformer'

export default defineConfig({
    presets: [
        // @ts-ignore
        presetWeapp(), // 工具预设
    ],
    transformers: [
        // @ts-ignore
        transformerAttributify(), // 支持属性化模式
        // @ts-ignore
        transformerClass(), // 转换转义类名，支持class写法
    ],
    //简便快捷的语法，
    shortcuts: [
        { center: 'flex items-center justify-center' },
        { around: 'flex items-center justify-around' },
        { between: 'flex items-center justify-between' },
    ]
})
